@charset "utf-8";

/** reset **/
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color: transparent; -webkit-appearance: none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
body {min-width:320px;height:100%; margin:0;font:15px/1.5 "Lucida Grande", "Lucida Sans Unicode","Microsoft YaHei", Helvetica, Arial, Verdana, sans-serif; height:100%;-moz-font-smoothing:antialiased;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, input, th, td , button, input,pre{ margin:0; padding:0; }
ul,ol {list-style:none}
img, fieldset{border:none;}
img{-ms-interpolation-mode:bicubic}
select, input, img, button {vertical-align:middle;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
input,select,textarea{outline:none;font-size:100%;vertical-align:middle;color:#666}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal;font-weight: normal}

div:after, ul:after, li:after, dl:after, ol:after, nav:after, section:after{content:"";display:block; clear:both; height:0; visibility:hidden;}
div, ul, dl, ol, li{*zoom:1;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
a { color:#333; text-decoration:none; }
a:hover, a:active, a:focus, a:visited{text-decoration: none;color:#333; }
.clearfix{clear:both;}
.clearfix:after{content:"."; display:block;visibility: hidden;clear:both;height:0;width:0;}

/** reset end **/

@font-face{
    font-family:'yini';
    src:url('../fonts/yini.eot?841eru');
    src:url('../fonts/yini.eot?841eru#iefix') format('embedded-opentype'),
    url('../fonts/yini.ttf?841eru') format('truetype'),
    url('../fonts/yini.woff?841eru') format('woff'),
    url('../fonts/yini.svg?841eru#icomoon') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: "yuehei";
    src: url("../fonts/yuehei/yuehei.eot");
    src: url("../fonts/yuehei/yuehei.eot?#iefix") format("embedded-opentype"),
    url("../fonts/yuehei/yuehei.woff") format("woff"),
    url("../fonts/yuehei/yuehei.ttf") format("truetype"),
    url("../fonts/yuehei/yuehei.svg#yuehei") format("svg");
    font-style: normal;
    font-weight: normal;
}

[class^="icon-"],[class*="icon-"]{
    font-family:'yini' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
[class="font-yuehei"]{
    font-family:'yuehei' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    font-size:20px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.icon-collapse:before{
    content:"\e900";
}
.icon-arrow-down:before,
.icon-arrow-right:before{
    content:"\e901";
}
.icon-del:before{
    content:"\e902";
}
.icon-arrow-down{
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icon-android:before{
    content:"\e904";
}

.icon-ios:before{
    content:"\e903";
}
.index header{ height:600px;position:relative; width:100%;  overflow:hidden;}
    .index .bg-wrapper{ height:600px;position:absolute;top:0;left:0; width:100%;background:url("../images/index-bg-m.jpg");background-size:cover;}
    .index header .wrapper{ position:relative; z-index:10; top:30px;}

.index header .wrapper nav .logo-small{ width:60px; height:60px; background:url("../images/small-logo.png") no-repeat; text-indent:-999px; overflow:hidden; float:left;}
    .index header .wrapper nav .links{ margin:10px 0; float:right;}
        .index header .wrapper nav .links a{ float:left; width:130px; height:40px; margin-left:40px; color:#666; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; font:20px/40px "Microsoft YaHei"; }
        .index header .wrapper nav .links a:hover,
        .index header .wrapper nav .links a.cur{color:#fff; background:rgba(0, 0, 0, 0.2); border-color:transparent;  }

.index header .wrapper .inner{margin:120px auto;width:90%;}
    .index header .wrapper .slogan .logo-big{ display:block; width:60px; height:60px; margin:auto; background:url("../images/logo.png") no-repeat;background-size:100%;background-position:50%;}
    .index header .wrapper .slogan .text-love{ display:block; width:100%; height:50px; margin-top:30px; text-indent:-999px; overflow:hidden; background:url("../images/header-text-love.png") no-repeat;background-position:50% 100%;background-size:100%;}
    .index header .wrapper .download{margin-top:60px;}
        .index header .wrapper .download a{ display:block; width:80%; margin:24px auto 0 auto;height:50px; font:18px/50px  "microsoft yahei"; color:#fff; border:1px solid #fff; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;}

        .index header .wrapper .download a:hover{ background:rgba(255, 255, 255, 0.3); border-color:transparent;}
        .index header .wrapper .download a .con{width:180px;margin:0 auto;}
        .index header .wrapper .download .icon{ display:block; float:left; font-size:30px;margin:10px;}
        .index header .wrapper .download .icon-android{}
        .index header .wrapper .download .icon-ios{ }

.index .slider-wrapper{ position:relative; text-align:center;}
.index .slider-scene-wrapper{ width:100%;position:absolute; height:300px; background:#f74b4b url("../images/slider-bg.png") no-repeat center;}
.index .slider-footer-wrapper{ width:100%;position:absolute; top:300px; height:300px; background:url("../images/slider-bg2.png") no-repeat center;}
    .index .slider-wrapper .slider-scene{ position:relative;height:600px;overflow:hidden;}
    .index .slider-scene .hand{width:370px; position: absolute; bottom: 0; right: -80px;overflow:hidden;}
    .index .slider-scene .hand img{width: 100%;}

.index .slider-con{ height:680px; position:relative;}

.index .slider-item{ display:none; position:absolute; width:100%;}
.index .slider-item.cur{ display:block;}
    .index .slider-item .text{margin:40px auto 0 auto;color:#fff;font-family:'yuehei' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; font-size:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
    .index .slider-item .text dt,
    .index .slider-item .text dd {display:block;}

    .index .slider-item .text dt{font-size:40px;}
    .index .slider-item .text dd{margin-top:30px;font-size:18px;}

    .index .slider-item-1 .text dd{ background-position:0 -98px;}
        .index .slider-item .img{position: absolute; width: 150px; margin-top: 85px; right: 113px; }
        .index .slider-item .img img{width:100% }

    .index .slider-page{width:320px;position: absolute; height: 22px; bottom: 0; z-index: 999; left: 50%; margin-left: -160px;}
    .index .slider-page li{ display:inline-block; cursor:pointer; width:20px; height:20px; margin:0 15px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; border: 1px solid #848484;}
    .index .slider-page li.cur{ background:#848484;}

.index .partner{ text-align:center;margin:40px auto;}
    .index .partner .wrapper{ }
    .index .partner dt{font:22px/40px 'Microsoft YaHei'; color:#434343;}
    .index .partner dd{width:100%;margin:10px auto 0 auto;display:table;}
    .index .partner dd .con{display:table-row;}
    .index .partner dd a{display:table-cell;padding:0 10px;}
    .index .partner dd a img{width:100%;}

.about .side-fixed-bar{ position:static;background-color:#FFF; color:red; height:40px; line-height:40px; width:100%; z-index:100; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);}
    .about .side-fixed-bar .side-item{text-align:center; display:block; float:left; margin:0; padding:0; width:25%; border:none; height:40px; line-height:40px; color:#424242; font-size:16px; background-color:transparent; }
    .about .side-fixed-bar .side-item.cur{ background-color:transparent; color:#F74B4B; }

.about header{ width:100%;position:relative; }
    .about header .bg-wrapper{width:100%;position:absolute;top:0;left:0;height:100%;}

    .about header .bg-wrapper img{width:100%;height:100%;}
    .about header .wrapper{ position:relative;z-index:10;padding:40px 0;}
        .about header .wrapper nav .logo-small{ width:60px; height:60px; background:url("../images/small-logo.png") no-repeat; text-indent:-999px; overflow:hidden; float:left;}
        .about header .wrapper nav .links{ margin:10px 0; float:right;}
            .about header .wrapper nav .links a{ float:left; width:130px; height:40px; margin-left:40px; color:#666; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; font:20px/40px "Microsoft YaHei"; }
            .about header .wrapper nav .links a.cur{color:#fff; background:rgba(0, 0, 0, 0.2); border-color:transparent;  }
        .about header .wrapper .inner{width:800px; margin:75px auto 0 auto;}
            .about header .wrapper .inner .title{font-size:14px;color:#565656;}
            .about header .wrapper .inner .desc{line-height:2;color:#616060;}
            .about header .wrapper .inner .desc dl{margin-top:24px;}
            .about header .wrapper .inner .desc dl dt{color:#ff0000;}


.about .section-joinus{background-color:#ffffff;position:relative;padding:40px 0;}
    .about .section-joinus .inner{margin:auto;position:relative;}
    .about .section-joinus .inner .row{margin-bottom:30px;}
        .about .section-joinus .inner .row .title-con .title{position:relative;z-index:2;width:48%;background-color:#F74B4B;color:#FFF;border:2px solid #F74B4B;}
        .about .section-joinus .inner .row .title-con .title span{display:block;height:30px;line-height:30px;margin-left:10px;}
        .about .section-joinus .inner .row .title-con .title:nth-child(odd) {float:left;}
        .about .section-joinus .inner .row .title-con .title:nth-child(even) {float:right;}
        .about .section-joinus .inner .row .title-con .title.cur{padding-bottom:20px;background-color:#FFF;color:#F74B4B;border-bottom:none;}

        .about .section-joinus .inner .row .title-con .title i.icon-arrow{display: inline-block; position: absolute; font-size: 18px; height: 18px; line-height: 18px; right: 5px; top: 50%; margin-top: -9px;}
        .about .section-joinus .inner .row .title-con .title.cur i.icon-arrow{margin-top:-19px;}
        .about .section-joinus .inner .row .title-con .title i.icon-arrow-right{}
        .about .section-joinus .inner .row .title-con .title i.icon-arrow-down{}

        .about .section-joinus .inner .row .desc{ overflow:auto;min-height:100px;display:none; width:100%;background-color:#FFF;border:2px solid #F74B4B;position:relative;z-index:1;top:-2px;}
            .about .section-joinus .inner .row .desc-con .text{margin:10px;line-height:2;}
        .about .section-joinus .pic{width:70%;margin:0 auto;margin-bottom:30px;}
            .about .section-joinus .pic img{width:100%;}

/*.about .section.section-service{background-color:#ffffff;position:relative;padding:40px 0;}*/
/*.about .section-service .inner{width:1000px;margin:auto;}*/
/*.about .section-service .inner .desc{line-height:2;color:#616060;}*/
/*.about .section-service .pic{width:70%;margin:0 auto;margin-bottom:30px;}*/
/*.about .section-service .pic img{width:100%;}*/

.about .section.section-story{background-color:#ededed;position:relative;padding:40px 0;}
    .about .section-story .inner{width:100%;margin:auto;position:relative;}
    .about .section-story .pic{width:70%;margin:0 auto;margin-bottom:30px;}
        .about .section-story .pic img{width:100%;}
    .about .section-story .inner .con{line-height:2;vertical-align:middle;color:#616060;}

.about .section.section-contact{background-color:#ffffff;position:relative;padding:40px 0;}
    .about .section-contact .inner{width:70% !important;text-align:left !important;}
    @media (min-width:375px){
        .about .section-contact .inner{ width:60% !important; }
    }
    .about .section-contact .inner .con{line-height:2;vertical-align:middle;color:#616060;}
    .about .section-contact .pic{width:70%;margin:0 auto;margin-bottom:30px;}
    .about .section-contact .pic img{width:100%;}

.about header .wrapper .inner, .about .section-joinus .inner, .about .section-service .inner, .about .section-story .inner, .about .section-contact .inner{ width:90%; margin:0 auto; text-align:justify; }

.navbar{ position:static; top:0; text-align:center; background-color:#F74B4B; color:#FFF; height:60px; line-height:60px; z-index:999; width:100%; }
    .nav-header{ position:relative; }
    .navbar .nav-toggle{ position:absolute; left:10px; top:50%; margin-top:-10px; font-size:20px; }
    .navbar .title{ font-size:20px; }

.nav-collapse{ display:none; width:0; height:0; background-color:rgba(0, 0, 0, 0.7); padding:0 10px; position:fixed; z-index:998; top:60px;left:0; }
    .nav-collapse.in{ width:100%; height:100%; transition:width 1s; -moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s; }
        .nav-collapse ul{ padding-top:20px; }
            .nav-collapse ul li{ margin-bottom:30px; }
                .nav-collapse ul li a{ color:#FFF; font-size:18px; display:block; position:relative; }
                .nav-collapse ul li a i{ position:absolute; right:10px; top:50%; margin-top:-9px; }
